<template>
  <div class="member-order">
    <!-- 体验jsx语法 -->
    <XtxTabs v-model="activeName">
      <XtxTabPanel label="选项卡0" name="first">内容0</XtxTabPanel>
      <XtxTabPanel v-for="i in 4" :key="i" :label="`选项卡${i}`" :name="`name${i}`">内容{{i}}</XtxTabPanel>
    </XtxTabs>
  </div>
</template>

<script>
import XtxTabs from '@/components/library/xtx-tabs.vue'
import XtxTabPanel from '@/components/library/xtx-tab-panel.vue'
import { ref } from 'vue'
export default {
  name: 'MemberOrder',
  components: { XtxTabs, XtxTabPanel },
  setup () {
    const activeName = ref('name1')
    return { activeName }
  }
}
</script>

<style lang="less" scoped>

</style>
